import React from 'react';

const AutoPublish = () => {
  return (
    <div className="auto-publish-page">
      <h2>自动创作发布</h2>
      
      <div className="publish-form">
        <div className="form-group">
          <label>选择关键词</label>
          <select>
            <option value="">请选择关键词</option>
          </select>
          <button className="btn-text">从关键词库导入</button>
        </div>
        
        <div className="form-group">
          <label>选择发布平台</label>
          <div className="platform-checkboxes">
            <div className="checkbox-item">
              <input type="checkbox" id="wordpress" />
              <label htmlFor="wordpress">WordPress</label>
            </div>
            <div className="checkbox-item">
              <input type="checkbox" id="custom-site" />
              <label htmlFor="custom-site">自定义网站</label>
            </div>
          </div>
        </div>
        
        <div className="form-group">
          <label>创作设置</label>
          <div className="sub-form">
            <div className="form-group">
              <label>文章数量</label>
              <input type="number" min="1" max="100" defaultValue="1" />
            </div>
            <div className="form-group">
              <label>创作频率</label>
              <select>
                <option value="once">一次性</option>
                <option value="daily">每天</option>
                <option value="weekly">每周</option>
                <option value="monthly">每月</option>
              </select>
            </div>
          </div>
        </div>
        
        <div className="form-actions">
          <button className="btn-primary">开始创作</button>
          <button className="btn-outline">保存设置</button>
        </div>
      </div>
    </div>
  );
};

export default AutoPublish; 